'use strict';

import React from 'react';
import Tab from 'qnui/lib/tab';
import Notice from 'qnui/lib/notice';
import Button from 'qnui/lib/button';
import Icon from 'qnui/lib/icon';
import Tag from 'qnui/lib/tag';
import { Row, Col } from 'qnui/lib/grid';
import MainNotice from 'components/main-notice/index';

import './index.scss'; 

let onMouseOverActive = (id, item, nav) => {
    console.log('onMouseLeave',id)
}
let buttonClick = (type) => {
	console.log(type)
}
class Index extends React.Component {
  render() {
    return <div className="home-page">
    		<MainNotice />
			<Row style={{padding:"10px 0"}}>
				<Col>
					<Row>
					  <Col style={{display:"none",overflow:"hidden",height:"60px",margin:"0 4px",background:"url(https://img.alicdn.com/imgextra/i4/27390555/TB2QoVpo3JlpuFjSspjXXcT.pXa-27390555.jpg) center"}}>
					  </Col>
					</Row>
					<Row>
					  <Col>
						<div className="next-dialog normal-execu-box">
							<div className="next-dialog-header">常用操作</div>
							<div className="next-dialog-body">
								<Tag shape="link"><a href="/?a=zhekou#/home">限时折扣</a></Tag>
								<Tag shape="link"><a href="//www.alibaba.com" target="_blank">满打折</a></Tag>
								<Tag shape="link"><a href="//www.alibaba.com" target="_blank">限购优惠</a></Tag>
								<Tag shape="link"><Icon type="prompt" size="small"/><a href="//www.alibaba.com" target="_blank">预热折扣</a></Tag>
							</div>
							<a href="javascript:;" className="next-dialog-close"><Icon type="set" /></a>
						</div>
					  </Col>
					</Row>
					<Row style={{marginTop:"5px"}}>
						<Col>
							<div className="next-dialog normal-box">
								<div className="next-dialog-header"><Icon type="prompt" /> 限时折扣</div>
								<div className="next-dialog-body">
									<h2>限时折扣</h2>
									<p>到期就结束的折扣</p>
									<p>到指定时间立即开始折扣</p>
									<p><Button>立即使用</Button></p>
								</div>
							</div>
						</Col>
						<Col>
							<div className="next-dialog normal-box">
								<div className="next-dialog-header"><Icon type="clock" /> 倒计时折扣</div>
								<div className="next-dialog-body">
									<h2>预热打折</h2>
									<p>预热期间只能加入购物车</p>
									<p title="设置一个定时上架">不能购买</p>
									<p>到指定时间立即开始折扣</p>
								</div>
							</div>
						</Col>
						<Col>
							<div className="next-dialog normal-box">
								<div className="next-dialog-header"><Icon type="link" />连环折扣</div>
								<div className="next-dialog-body">
									<h2>预热打折</h2>
									<p>预热期间只能加入购物车</p>
									<p title="设置一个定时上架">不能购买</p>
									<p>到指定时间立即开始折扣</p>
								</div>
							</div>
						</Col>
					</Row>
				</Col>
				<Col fixedSpan="16">
					<div className="next-dialog news-box">
						<div className="next-dialog-body">
							<h3>怎样使用倒计时折扣？</h3>
							<a href="//i56.bbs.taobao.com/detail.html?spm=a313w.8042199.0.0.BKb3iV&amp;appId=33101&amp;postId=7500187" target="_blank"><img src="http://img.alicdn.com/tps/TB1.xoALFXXXXahXpXXXXXXXXXX-1920-665.jpg_260x260.jpg" /></a>
							<ul>
								<li><a href="//i56.bbs.taobao.com/detail.html?spm=a210m.7914315.0.0.NYQqLD&amp;appId=33101&amp;postId=7501585" target="_blank">【产品上线公告】智选物流推出揽、派、物流未更新等多节点物流监控体系！</a></li>
								<li><a href="//i56.bbs.taobao.com/detail.html?spm=a210m.7914315.0.0.ASkN1W&amp;appId=33101&amp;postId=7500187" target="_blank">【产品上线公告】智选物流推出“快递在线客服”功能！</a></li>
								<li><a href="//z.cainiao.com/noticeDetail.htm?id=13&amp;type=1" target="_blank">【官方公告】关于CaiNiao模板编辑器封网的公告</a></li>
							</ul>
						</div>
					</div>
				</Col>
			</Row>
    </div>;
  }
}
export default Index;
